<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>签到成功</title>
    {% load static %}
<!--    第一点自适应屏幕宽度-->
    <style>
        .PhoneBack{
            position: fixed;
            z-index: -10;
            background: url("{% static './image/bg.jpg' %}") no-repeat 0px 0px;
            width: 100%;
            height: 100%;
            /*background-repeat: no-repeat;
            background-position: 0px 0px;*/
            background-size: 100% 100%;
        }
        .success{
            width: 20rem;
            height: 23rem;
            /*border: 1px solid red;*/
            border-radius: 5%;
            position: relative;
            top: 10rem;
            z-index: 100;
            margin-left: 2rem;
            margin-right: 2rem;
            background-color: white;
            text-align: center;
            padding: 0.3rem;
        }
        .xxx{
            border: 1px solid red;
            width: 1.5rem;
            height: 1.5rem;
            border-radius: 50%;
            position: relative;
            z-index: 111;
            margin-left: 22rem;
            top: -14rem;
            background-color: #9F9F9F;
        }
    </style>
    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no,viewport-fit=cover">
</head>
<body>
<div class="PhoneBack">
    <div class="success">
        {% if code == 0 %}
        <div style="font-size: 1.5rem;margin-top: 3rem">签到成功</div>
        {% else %}
        <div style="font-size: 1.5rem;margin-top: 3rem">签到失败</div>
         <div style="font-size: 1rem;margin-top: 3rem;color: red">{{msg}}</div>
        {% endif %}
        <img src="{% static './image/success.png' %}" width="50%" height="40%" alt="">
        <div style="font-size: 1rem;margin-top: 3rem">知识是人生的航船，学习是扬帆的风帆。</div>
    </div>
<!--    <div class="xxx">-->

<!--    </div>-->
</div>
</body>
<script>

</script>
</html>